<script setup lang="ts">

defineProps<{
    title:string
}>()


</script>

<template>
    <view class="flex border-b-1 border-b-light px-6">
        <view class="tab-item relative py-5 text-dark text-2xl">{{title}}</view>
    </view>
</template>

<style lang="less">
.tab-item {
    &::after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        border-radius: 10px;
        background: #340F08;
        transform: translateY(75%);
    }
}
</style>